<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>ConDiaC</title>
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/print.css" type="text/css" media="print" />
	<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
	<script src="js/compilar.js"></script>
	<script src="js/jquery-1.7.2.js"></script>
</head>
<body>
<div id="wrapper">

	<header>
		<div id="headerlogo"><a href="http://www.esi.uclm.es"><img src="css/images/esilogo2.png" alt="logo" /></a></div>
		<h1 id="sitename"><a href="index.jsp">ConDiaC</a></h1>
		<div id="description">Conway Diagrams Converter</div>
		<div id="top">
			<nav>
				<ul>
					<li><a href="index.jsp">Home</a></li>
					<li><a href="about.jsp">About</a></li>
					<li><a href="contact.jsp">Contact</a></li>
				</ul>
			</nav>
		</div>
	</header>

	<section>

		<div id="container">
			<div id="content">
				
				<article>
					<h1>Ejemplos</h1>
					
						<textarea class="texto" name="input" id="input">
/* Ejemplo 1 */
ebnf e1{
	terminal a, b, c, d;
	nonterminal A, B ,C;
	A = {a | d} b c;
	B = a [b | d] c;
	C = a b (c | d);
}
operations{
	ebnf2conway(e1,all)
	ebnf2glc(e1)
}

/* Ejemplo 2 */
grammar g1{
	terminal a, b, c, d, e;
	nonterminal A, B, C, D;
	A := A c | A a | ;
	B := a B c | e;
	C := b C | C d | e |;
	D := a D | e D | b | d | c;
}
operations{
	glc2ebnf(g1)
}


						</textarea>
						<br />				
				</article>
		
			</div><!-- #content-->

			<br />
			
			<div id="resultado" style="display:none">
			</div>
			
		</div><!-- #container-->
   	 
   	 	<aside id="left"><!-- start left sidebar -->
			<div class="box">
				<br /> <!-- Espacio para el menu -->
				<div class="inner">
					<ul>
					<li><a href="index.jsp">Compilar</a>
			  		<li><a href="ejemplos.jsp">Ejemplos</a>
			  		<li><a href="#">Ayuda</a>
					</ul>
				</div>
			</div><!-- .box -->

			<div class="box">
				<br />
					<div class="inner">
						<br />
						<a href="http://portal.esi.uclm.es/proletool"><img src="css/images/proletoollogo2.png" alt="" class="aligncenter" /></a>
						<br />
						<a href="http://www.esi.uclm.es"><img src="css/images/esilogo3.png" alt="" class="aligncenter" /></a>
						<br />
						<a href="http://www.uclm.es"><img src="css/images/uclmlogo3.png" alt="" class="aligncenter" /></a>
						<br />
					</div>
			</div><!-- .box -->

		</aside><!-- end left sidebar -->
		
	
	</section>

	<footer>
		<div id="copyright">
			<span>&copy; 2012 All rights reserved <a href="index.jsp">condiac.es</a></span>
		</div>
	</footer>

</div><!-- #wrapper -->
<!-- Free template created by http://freehtml5templates.com -->
</body>
</html>